<template>
  <div style="height: 100%;">
    <div>
      <ul>
        <li>标题</li>
        <li><edit ref="artileEdit"></edit></li>
        <li>标签</li>
      </ul>
    </div>
    <div>
      <button v-on:click="getContent">查看内容</button>
      <button v-on:click="getContent">存草稿</button>

      <button v-on:click="saveArtile">保存</button>

    </div>
    <br/>

    <br/>1<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>1
    <br/>2<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>3<br/><br/><br/><br/><br/><br/><br/><br/><br/>123
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>123
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>123
  </div>
</template>

<script>
  import edit from "@/components/markdownEdit"
  export default {
    name: 'editor',
    data () {
      return {
        editorContent: ''
      }
    },
    methods: {
      getContent: function () {
        return this.$refs.artileEdit.getContent();
      },
      saveArtile:function(){
        this.$http.get("/test")
          .then(function(rs){
            console.log(rs.data);
          })
      }
    },
    mounted() {

    },
    components:{edit}
  }
</script>

<style scoped>
</style>
